@charset "UTF-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body,html,input{font:15px/1.5 '微软雅黑';}
table{border-collapse:collapse;border-spacing:0;}img{border:none}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:rightdle;}.font-fixh{font-family: Georgia,Arial; color: #cc0000; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}
a{text-decoration:none; color: inherit;}
a:hover{text-decoration:none;}
.white,.white a{color:#fff}.blue,.blue a{color:#004499}.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}.green{color:#0E774A}
select optgroup{color:#CAC8BB;}
.fr{float:right; display:inline}
.fl{float:left; display:inline}
label {max-width: none;}
input.button,
input.btn {padding: 0.25em;width: auto;}
button {border: 0;border-radius: 0%;appearance: button;-moz-appearance: button;-webkit-appearance: button;}
input[type="button"],
input[type="submit"],
input[type="reset"],
input {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}
textarea,
input {outline: none;}
@-webkit-keyframes openDoor{0%{-webkit-clip-path: inset(0 50% round 0); clip-path: inset(0 50% round 0);} 100%{-webkit-clip-path: inset(0% round 0); clip-path: inset(0% round 0);}}
@keyframes openDoor{0%{-webkit-clip-path: inset(0 50% round 0); clip-path: inset(0 50% round 0);} 100%{-webkit-clip-path: inset(0% round 0); clip-path: inset(0% round 0);}}
@-webkit-keyframes fadeIns{0%{opacity: 0.3;} to{opacity: 1;}}
@keyframes fadeIns{0%{opacity: 0.3;} to{opacity: 1;}}
.fadeIns{-webkit-animation-name: fadeIns; animation-name: fadeIns;}
@-webkit-keyframes dotShake{0%{-webkit-transform: none; transform: none;} 15%{-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg); transform: translate3d(-8%, 0, 0) rotate(-4deg);} 30%{-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg); transform: translate3d(6.6%, 0, 0) rotate(2deg);} 45%{-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg); transform: translate3d(-5.5%, 0, 0) rotate(-2deg);} 60%{-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg); transform: translate3d(4.5%, 0, 0) rotate(1deg);} 75%{-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg); transform: translate3d(-2%, 0, 0) rotate(-1deg);} to{-webkit-transform: none; transform: none;}}
@keyframes dotShake{0%{-webkit-transform: none; transform: none;} 15%{-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg); transform: translate3d(-8%, 0, 0) rotate(-4deg);} 30%{-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg); transform: translate3d(6.6%, 0, 0) rotate(2deg);} 45%{-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg); transform: translate3d(-5.5%, 0, 0) rotate(-2deg);} 60%{-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg); transform: translate3d(4.5%, 0, 0) rotate(1deg);} 75%{-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg); transform: translate3d(-2%, 0, 0) rotate(-1deg);} to{-webkit-transform: none; transform: none;}}
.dotShake{-webkit-animation-name: dotShake; animation-name: dotShake;}
@-webkit-keyframes rotate360{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}
@keyframes rotate360{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}
.rotate360{-webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes AniStriking{0%, 50%, to{-webkit-transform: scale(1); transform: scale(1);} 25%, 75%{-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}}
@keyframes AniStriking{0%, 50%, to{-webkit-transform: scale(1); transform: scale(1);} 25%, 75%{-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}}
.AniStriking{-webkit-animation-name: AniStriking; animation-name: AniStriking;}
@-webkit-keyframes AniOpStriking{0%, 50%, to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 25%, 75%{opacity: .7; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}}
@keyframes AniOpStriking{0%, 50%, to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 25%, 75%{opacity: .7; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}}
.AniOpStriking{-webkit-animation-name: AniOpStriking; animation-name: AniOpStriking;}
@-webkit-keyframes AniShiny{0%{opacity: 0;} to{opacity: 1;}}
@keyframes AniShiny{0%{opacity: 0;} to{opacity: 1;}}
.AniShiny{-webkit-animation-name: AniShiny; animation-name: AniShiny;}
@-webkit-keyframes animateStay{0, 100%{opacity: 1;}}
@keyframes animateStay{0, 100%{opacity: 1;}}
.animateStay{-webkit-animation-name: animateStay; animation-name: animateStay;}
@-webkit-keyframes AniNone{0, 100%{-webkit-transform: none !important; transform: none !important; opacity: 1; visibility: visible;}}
@keyframes AniNone{0, 100%{-webkit-transform: none !important; transform: none !important; opacity: 1; visibility: visible;}}
.AniNone{-webkit-animation-name: AniNone; animation-name: AniNone; opacity: 1;}
@-webkit-keyframes AniCalmdown{}
@keyframes AniCalmdown{}
.AniCalmdown{-webkit-animation-name: AniCalmdown; animation-name: AniCalmdown; -webkit-animation-duration: .5s !important; animation-duration: .5s !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none;}

/*通用page*/
.page{font-size: 12px; color: #777777; text-align: center; margin-top: 40px;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed; background:#e5e5e5;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page .goprev{margin-right: 10px;}
.page .gonext,.page .count {margin-left: 10px;}
.page i{color: #777777;display: inline-block;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page a:hover,.page span{color:#fff; background: #cc0000;}
.page span.count { border: 0;background: 0;color: #777777;}

header{ display:block}
/*通用样式*/
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}
.row-2 li{ float:left; width:50%}.row-3 li{ float:left; width:33%}.row-4 li{ float:left; width:25%}.row-5 li{ float:left; width:20%}
.cu,.cu-li li,.cu-span span {cursor: hand;!important;cursor: pointer}
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}
.img-wrap a{display:table-cell;vertical-align:rightdle;*display:block; overflow:hidden; background-color:#fff}
.img-wrap a:hover{ background-color:#e8eff6}
.mb50{ margin-bottom:50px;}
.col-left{float:left}
.col-auto{overflow:hidden;_zoom:1;_float:left;}
.col-right{float:right}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.f-cb {zoom: 1;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-8{padding-bottom: 8%;}
.rect-10{padding-bottom: 10%;}
.rect-32{padding-bottom: 32%;}
.rect-35{padding-bottom: 35.5%;}
.rect-36{padding-bottom: 36%;}
.rect-40{padding-bottom: 40%;}
.rect-45{padding-bottom: 45%;}
.rect-49{padding-bottom: 49%;}
.rect-50{padding-bottom: 50%;}
.rect-52{padding-bottom: 52%;}
.rect-53{padding-bottom: 53%;}
.rect-54{padding-bottom: 54%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-58{padding-bottom: 58%;}
.rect-60{padding-bottom: 60%;}
.rect-61{padding-bottom: 61%;}
.rect-618{padding-bottom: 61.8%;}
.rect-62{padding-bottom: 62%;}
.rect-63{padding-bottom: 63%;}
.rect-64{padding-bottom: 64%;}
.rect-65{padding-bottom: 65%;}
.rect-652{padding-bottom: 65.2%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-668{padding-bottom: 66.8%;}
.rect-671{padding-bottom: 67.1%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-78{padding-bottom: 78%;}
.rect-80{padding-bottom: 80%;}
.rect-83{padding-bottom: 83%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-97{padding-bottom: 97%;}
.rect-100{padding-bottom: 100%;}
.rect-105{padding-bottom: 105%;}
.rect-109{padding-bottom: 109%;}
.rect-110{padding-bottom: 110%;}
.rect-120{padding-bottom: 120%;}
.rect-124{padding-bottom: 124%;}
.rect-125{padding-bottom: 125%;}
.rect-150{padding-bottom: 150%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.gray{ background:#fafafa;}
.imgHover {overflow:hidden; }
.imgHover img{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.imgHover .title{-moz-transform: translateY(180%);-ms-transform: translateY(180%);-webkit-transform: translateY(180%);transform: translateY(180%);-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);opacity:1;}
.imgHover .m_detail{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);color: #fff;line-height: 1.5;width: 100%;opacity:0;}
.imgHover:hover .title,.imgHover:hover .m_detail{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);opacity:1;}
@media (max-width:426px) {
.imgHover .title{-moz-transform: translateY(280%);-ms-transform: translateY(280%);-webkit-transform: translateY(280%);transform: translateY(280%);}
.imgHover:hover .title,.imgHover:hover .m_detail{-moz-transform: translateY(0%);-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);}
}
.ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all}
.multi-ellipsis{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;word-wrap:break-word;word-break:break-all;}

.v-middle{vertical-align:middle;}
.v-top{vertical-align:top;}
.v-bottom{vertical-align:bottom;}
.block{display:block;}
.inline{display:inline;}
.inline-block{display:inline-block !important;*display:inline;zoom:1;}
.relative{position:relative;z-index:1;}
.absolute{position:absolute;}
.t-hide{opacity: 0;visibility: hidden;}
.pointer{cursor:pointer !important;}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.justify, .inner, img, input, textarea, select, button, table, label, .center, .searchForm { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/*.clear{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;}
.clear.a{top: -54px;display:block;height: 1px;width: 100%;position: relative;}*/
.clean{/* zoom:1; */}
.clean:after,
.clean:before{content:'';display:table;}
.clean:after{clear:both;}
.center { width: 90%; margin-left: auto; margin-right: auto; max-width: 1765px; }
.justify { text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; font-size: 0px; }
.justify:after { content: ''; height: 0px; width: 100%; display: inline-block; overflow: hidden; }
.justify .line { display: inline-block; height: 0px; overflow: hidden; }
.justify > * { text-align: left; font-size: 14px; }
.justify .box { display: inline-block; vertical-align: top; }
.img-box {overflow: hidden;}
.img-box>img {width: 100%;-webkit-transition: all 1s;-o-transition: all 1s;-moz-transition: all 1s;transition: all 1s;}
.img-box:hover>img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.container{ position: relative;}
.page-section{ padding:130px 0;}
.pages-section{ padding:80px 0;}
.page_title { line-height: 1;text-align: center; margin-bottom:30px;}
.page_title h3 {position: relative;padding-bottom:30px;font-weight: 600; font-size: 36px;color: #333;}
.page_title h3 + p {margin-top: 20px;}
.page_title h3:after {display: block;position: absolute;bottom: 0;left: 50%;margin-left: -30px;width:60px;height: 3px;background: #e21515;content: '';}
.page_title p {font-size: 18px; line-height: 32px; width: 80%; margin: 0 auto; color: #666;}
.page-tit {  margin-bottom: 30px;}
.page-tit h3{ font-size: 30px; margin-bottom: 20px;}
.page-tit p{ font-size: 16px; line-height: 30px; color: #666; width: 74%; margin: 0 auto;}
.page-tit .e-t{font-size: 16px; line-height: 26px; color: #666;}
@media (max-width:1366px) {
.page-section{ padding:60px 0;}
.page-section{ padding:50px 0;}
.page_title p {width: 100%; }
.page-tit h3{ font-size: 26px; }
.page-tit p{ font-size: 15px; }
}
@media (max-width:1024px) {
.page-section{ padding:40px 0;}
.pages-section{ padding:40px 0;}
.page_title { margin-bottom:30px;}
.page_title h3 { font-size: 26px; padding-bottom: 10px;}
.page_title p {font-size: 16px; line-height:28px;}
.page-tit h3{ font-size: 26px; margin-bottom: 10px;}
}
@media (max-width:768px) {
.page-section{ padding:30px 0;}
.pages-section{ padding:30px 0;}
.page_title { margin-bottom:20px;}
.page_title h3 { font-size: 22px; padding-bottom: 15px;}
.page_title h3:after {width:40px;margin-left: -20px;}
.page_title h3 + p {margin-top:20px;}
.page_title p { line-height:26px;}
.page-tit h3{ font-size: 22px; margin-bottom: 15px;}
.page-tit p{ width: 100%; }

}
/*page*/
.page{color: #777777; text-align: center; clear:both;float: none;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 7px 12px;vertical-align: rightdle; margin-left:5px}
.page .gonext,.page .count {margin-left: 10px;}
.page a:hover,.page span{color:#fff; background: #cc0000;border: 1px solid #cc0000;padding: 7px 12px;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}
.page .fa{ font-size:22px;}
@media (max-width:426px) {
.page a,.page span { padding: 4px 8px; margin-left:2px}
.page a:hover,.page span{padding: 4px 8px;}
}
header,header.active{position: fixed;height: 80px;width: 100%;top:0;left:0;z-index: 9999; background: #fff;}
header .container{ width: auto; margin: 0 auto;}
header .header{position:relative;}
header .header .logo{position:absolute;top:15px;left:0; display: block;z-index:10;}
header .header .logo img{width:100%;}
header .header .header-ul{font-size: 0;text-align: right;margin-left: 32%; }
header .header .header-ul li{font-size:18px;display:inline-block;height:80px; padding: 0 1%; margin: 0 2%; line-height: 80px;position:relative;}
header .header .header-ul li:last-child{height:38px!important;line-height: 38px!important;}
header .header .header-ul li.search {font-size:18px;height:38px!important;line-height: 38px!important; color: #444; margin: 0 0px; padding: 0 0px;}  
header .header .header-ul li .fa{ width:32px; margin: 0;color: #cc0000; height:32px!important;line-height: 32px!important;font-size:20px; margin-right: 10px; text-align: center; border: 1px solid #cc0000; border-radius: 20px; }
header .header .header-ul li.search span{font-size:20px; margin-bottom: 5px;line-height: 26px!important; }
header.active.on-header {height:80px;border-bottom:1px solid #e5e5e5; background: #fff;z-index: 999999;}
header.on-header,header:hover,header.on-header.active{height:80px; background: #fff;z-index: 999999;}
header.on-header .header .header-ul li.search .fa,header.active.on-header .header .header-ul li.search .fa{ color:#cc0000; }
header .header .header-ul li.search:hover { border-bottom: 0px solid #cc0000; }
header .header .header-ul li:hover { color: #cc0000; border-bottom: 1px solid #cc0000; }
header .header .header-ul li:hover a,header .header .header-ul li:hover>a:hover{ color:#cc0000;}
header.active .header .header-ul li {height:80px;line-height:80px; }
header.active.on-header .header .header-ul li:hover{height:80px;line-height:80px; }
header .header .header-ul li .header-xia{position:fixed;top:80px;padding: 50px 0;background-color:#fff;min-width:24.5rem;z-index:5;left:0%; display:none;width:100%;border-top:1px solid #eee;box-sizing:border-box;}
header.active .header .header-ul li .header-xia{position:fixed;top:80px;}
header .header .header-ul li .header-xia .center-div{width:80%; margin: 0 auto;}
header .header .header-ul li .header-xia .center-div.pro_center-div{width:100%;margin-left: 20%;}
header .header .header-ul li .header-xia .left {float:left;width:33%; padding: 0px 3% 0 5%; }
header .header .header-ul li .header-xia .left img { width: 100%;}
header .header .header-ul li .header-xia .mid{float:left; width:26%; text-align: left; height: 200px; padding-right:4%; background-color: #fff;}
header .header .header-ul li .header-xia .mid h3{ font-size: 18px;color: #333; font-weight: bold; margin-bottom: 25px;}
header .header .header-ul li .header-xia .mid .title{ color: #333; font-size: 16PX; line-height: 32px;}
header .header .header-ul li .header-xia .right{float:left;width:39%; height: 100%; }
header .header .header-ul li .header-xia .right .top-nav{ width: 100%; min-height: 200px;}
header .header .header-ul li .header-xia .right .top-nav .top-nav-title { color: #333; font-size: 24px; line-height: 38px; margin-bottom: 32px; font-weight: bold; }
header .header .header-ul li .header-xia .right .top-nav .title-div { width: 45%; float: left; margin-right: 5%; padding-left: 10px; margin-bottom: 9px;text-align: left; border-bottom: 1px solid #c3c3c3;}
header .header .header-ul li .header-xia .right .title-div .tit{font-size:16px;color:#333; line-height: 26px; padding-bottom: 9px; display:block; box-sizing:border-box;}
header .header .header-ul li .header-xia .right .title-div .tit:hover{ color:#cc0000}
header .header .header-ul li .header-xia .right .title-div a:hover { color: #cc0000; }
header .header-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:24px;display:none;}
header .header-btn .line{width: 100%;height: 2px;position: absolute;left: 0;background-color: #535353;transition: all .2s;transform-origin: center;}
header .header-btn .line1{top: 0;}
header .header-btn .line2{top: 50%;margin-top: -1px;}
header .header-btn .line3{bottom: 0;}

/*底部CSS*/
.footer{ background:#323438; padding-bottom: 80px;}
.footer .footer-top {border-bottom: 1px solid #56585b;padding:55px 0 55px; height: 150px; }
.footer .footer-top .footer-top-l{ width: 40%; float: left;}
.footer .footer-top .footer-top-r{ width: 60%; float: right;}
.footer .footer-top .footer-top-r ul li{ width: 16.66666667%; float: left; line-height: 50px;height: 50px;}
.footer .footer-top .footer-top-r ul li a{ color: #f0f0f0; font-size: 18px;}
.footer .footer-bottom{ padding-top: 60px;}
.footer .footer-bottom .footer-bottom-left{ width: 85%; float: left; }
.footer .footer-bottom .footer-bottom-l{ width: 50%; float: left; color: rgba(255, 255, 255, 0.4);}
.footer .footer-bottom .footer-bottom-l .tit{ font-size: 24px; margin-bottom: 15px; color: rgba(255, 255, 255, 0.4);}
.footer .footer-bottom .footer-bottom-l .desc{ font-size: 16px; margin-bottom:45px; color: rgba(255, 255, 255, 0.4);}
.footer .footer-bottom .footer-bottom-l p{ line-height: 32px; font-size: 16px;}
.footer .footer-bottom .footer-bottom-l p a:hover{ color: #cc1b1b;}
.footer .footer-bottom .footer-bottom-m{ width: 50%; float: right; color: rgba(255, 255, 255, 0.4);}
.footer .footer-bottom .footer-bottom-m li{ line-height: 32px; font-size: 16px; margin-bottom: 10px;}
.footer .footer-bottom .footer-bottom-r{ width: 15%; float: left;}
.footer .share .foot-share { margin-top:20px; }
.footer .share .foot-share .wechat { position: relative;}
.footer .share .foot-share .wechat:hover .vx { display: block;}
.footer .share .foot-share .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent}
.footer .share .foot-share .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;}
.footer .share .foot-share .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.footer .share .foot-share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.footer .share .foot-share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.footer .share .foot-share a { margin-right:10px; float: left;}
.pho-header{position:fixed;top:60px;height: calc(100vh - 2.75rem);background-color:#fff;left:0;width:100%;z-index:300;display:none;}
.pho-header ul{width:94%;margin: 0 auto;margin-top:0.5rem;}
.pho-header ul li dt{font-size:16px;color:#333;line-height:42px;border-bottom:1px solid #e5e5e5;margin-bottom:0.3rem;margin-top:0.3rem;}
.pho-header ul li dt a{color:#333;display:block;background-repeat:no-repeat;background-position:right center;background-size:12px;background-image:url(../images/header-right.png);}
.pho-header ul li dt.cur a{background-image:url(../images/header-xia.png);}
.pho-header ul li dd{font-size:15px;color:#666;line-height:35px;padding-left:0.5rem;border-bottom:1px dotted #e6e6e6;display:none;}
.pho-header ul li dd a{color:#666;display:block;}
header .header-btn.cur .line{top: 50%;bottom: auto;margin-top: -1px;background-color: #333;}
header .header-btn.cur .line1{transform: rotate(45deg);}
header .header-btn.cur .line2{opacity: 0;filter: alpha(opacity=0);}
header .header-btn.cur .line3{transform: rotate(-45deg);}

@media (max-width: 1800px){
header .header .header-ul li .header-xia .left{ padding-left:8%; }
header .header .header-ul li .header-xia .right{ padding: 0px 8%; }
}
@media (max-width: 1720px){
header .header .header-ul{ margin-left: 30%; }
}
@media (max-width: 1700px){
header .header .header-ul li .header-xia .right{width:40%; padding: 0px 3%; }
header .header .header-ul li .header-xia .left{padding-left: 4%; }
}
@media (max-width: 1670px){
header .header .header-ul{ margin-left: 28%; }
}
@media (max-width: 1630px){
header .header .header-ul{ margin-left: 25%; }
}
@media (max-width: 1580px){
header .header .header-ul{ margin-left: 22%; }
}
@media (max-width: 1500px){
header .header .header-ul{ margin-left: 18%; }
}
@media (max-width: 1440px){
header .header .header-ul li{ margin: 0 1%; }
}
@media (max-width:1366px) {
header .header .header-ul li .header-xia .center-div{width:100%; margin: 0 auto;}
header .header .header-ul li .header-xia .left .title-div .tit{font-size:16px;}
header .header .header-ul li .header-xia .mid {  padding: 0px 20px; }
header .header .header-ul li .header-xia .right .top-nav .title-div {margin-bottom:7px;}
header .header .header-ul li .header-xia .right .title-div .tit{ line-height: 24px; padding-bottom:7px;}
}
@media (max-width: 1300px){
header .header .header-ul li .header-xia .left .title-div .tit{font-size:15px;}
header .header .header-ul{ margin-left: 22%;}
}
@media (max-width: 1240px){
header .header .header-ul li.search span{font-size:18px; margin-bottom: 5px;line-height: 22px!important;}
}
@media (max-width: 1200px){
.header_top { display:none;}
.container {width: 96%;}
header {height: 70px;}
header .header{height:70px;}
header.on-header,header:hover,header.active,header.on-header.active{height:70px; background: #fff;z-index: 999999;}
header .header .header-right{right: 1rem;top: 0.3rem;}
header .header .header-right>a{display:none;}
header .header .header-ul{display:none;}
header .header-btn{display:block;right:0;}
header .header .logo{top:50%;transform:translateY(-50%);}
header{border-bottom:1px solid #e5e5e5;box-sizing:border-box; background-color: #fff;}
header .header .header-right .en-tab{top: 0.5rem;right: 1.2rem;}
}

@media (max-width: 1024px){
.footer{ padding-bottom:50px;}
.footer .footer-bottom{ padding-top: 40px;}
.footer .footer-bottom .footer-bottom-left{ width: 100%; float: none; }
.footer .footer-bottom .footer-bottom-r{ width: 0; float: none; display: none;}
}
@media (max-width: 992px){
.footer .footer-top {border-bottom:0px solid #56585b;padding:0px 0 0px; height: 0px; display: none; }
}
@media (max-width:768px){
.footer .footer-bottom{ padding-top:30px;}
.footer .footer-bottom .footer-bottom-l{ width: 100%; float: left; color: rgba(255, 255, 255, 0.4);}
.footer .footer-bottom .footer-bottom-l .tit{ display: none;}
.footer .footer-bottom .footer-bottom-l .desc{ display: none;}
.footer .footer-bottom .footer-bottom-l p{ line-height: 32px; font-size: 16px;}
.footer .footer-bottom .footer-bottom-m{ width:100%; float: left; color: rgba(255, 255, 255, 0.4);}
.footer .footer-bottom .footer-bottom-m li{ line-height: 32px; font-size: 16px; margin-bottom: 10px;}

}
@media (max-width: 768px){
header .header-btn{width:30px;height:20px;}
.pho-header{top:60px;height:calc(100% - 1rem);}
.pho-header ul li dt{font-size:16px; margin-bottom:0;}
.pho-header ul li dd{font-size:15px; padding-left:0.2rem;}
.pho-header ul{margin-top:0.2rem;}
}
@media (max-width: 667px){
header .header .logo { width: 36%;}
footer{padding:30px 0 0px; border-top:1px solid #777;}
footer .footer-left .num-tel{font-size:20px;line-height:24px;}
footer .footer-bottom p{font-size:14px;line-height:28px;}
}
@media (max-width: 600px){
header {height: 60px;}
header .header{height:60px;}
header.on-header,header:hover,header.active  {height: 60px;border-bottom:1px solid #e5e5e5; background: #fff;}
.pho-header{top:60px;height:calc(100% - 1rem);}
footer .footer-bottom .zhichi.fr{ float: none;}
footer .footer-right{ width: 0px; display: none;}
}
@media (max-width: 425px){
header .header .logo { width: 48%;}
}
@media (max-width: 400px){
header .header .logo { width: 50%;}
}
.leftbox { z-index: 9999; width: 125px;height: 125px;background-color: #e60012; position:fixed;top:60%;right:0px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
.leftbox ul li {padding: 5px; text-align: center;display: block; overflow: hidden}
.leftbox ul li span{ color: #fff; }
.leftbox ul .img{ height: 40px; padding-top:5px;; }
@media (max-width: 600px){
.leftbox {top:70%;}
.leftbox ul li span{ font-size: 15px;}
}
.footer1 {height: 28px;width: 100%;margin-top: 17px;}
.menu-footer {position:fixed;bottom:0;left:0;z-index:9999;opacity:.9;-webkit-transform: translateY(45px);-ms-transform: translateY(45px);-o-transform: translateY(45px);transform: translateY(45px);
transition: .5s;-webkit-transition: .5s;-ms-transition: .5s;}
.menu-footer.on {-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.menu-footer {width:100%;height:45px;line-height:45px;text-align:center;background:#636363;font-size:0;}
.menu-footer a {position: relative; float:left;width:33.33%;width:calc(100% / 3);color:#fff;font-size:14px;}
.menu-footer a:hover {color:#fff;}
.menu-footer a ~ a:before {content: "";position: absolute;left: 0;top: 50%;margin-top: -5px;height: 10px;border-left: 1px solid #a0a0a0;opacity: 0.5;}